 import { memo } from 'react'
const Child1 =memo((props) => {
 // ...
  console.log('子组件更新...')
    return ( <div>
      {/* 案例1 子组件就是一个普通的内容，没有props */}
      我是子组件
      {/* 案例2 */}
      {/* name: {props.name}<br/> */}
      <button onClick={() => props.updateList({title: '你好'})}>给父组件list添加一条todo</button>
    </div> );
})
 // props->React.memo() // 用memo包裹起来的函数1.是一个有缓存的函数：
 // 2. 会检测props的变化，如果props有更新就会重新渲染该组件，否则还读原来的数据,不再重新渲染；
export default Child1;